
/* display_flex */
.flex-row{
  display: flex;
  flex-direction: row;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
}

/*项目竖向排列*/
.flex-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小*/
/*项目可换行 默认不换行*/

.flex-grow {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

/*水平和垂直居中*/

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/*水平居中*/

.flex-x-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*右对齐*/

.flex-x-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: center;
  justify-content: flex-end;
}

/*两端对齐*/

.flex-x-between,.flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

/*两侧间距相等对齐*/

.flex-x-around {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: space-around;
  justify-content: space-around;
}

/*Y轴居中*/

.flex-y-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

/*底部对齐*/

.flex-y-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}

.item-end{
	 align-self: flex-end;/*单个项目底部*/
}
/*-------------------------------------*/

/*item 上使用*/

/*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小  */

/*适合左右排 0 占绝对位置 1占满盒子 根据盒子大小变化而变化*/

.flex-grow-0 {
  min-width: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.flex-grow-1 {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

/*最小的值排在最前面*/

.order {
  order: 1;
}

/*flex-start | flex-end  | center    | baseline    | stretch;
  顶端对齐    底部对齐  中间对齐   项目的第一行文字的基线对齐。 占满y轴高度 默认值*/

.item-end {
  align-self: flex-end; /*单个项目底部*/
}

.item-center {
  align-self: center; /*单个项目居中对齐*/
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html body {
	background-color: #f7f7f7;
}
ul {
	list-style:none;
}
img {
	width: 100%;
	height: 100%;
}
a {
  text-decoration: none;
  color: #333;
}
i{
	font-style: normal;
 }
 
.search {
	padding: 80px 0;
}
.search .search-box {
	
}
.search h2 {
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.search .input-inner {
	width: 690px;
	height: 50px;
	padding: 0 15px;
	border-radius: 10px 0 0 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.search .search-btn {
	width: 70px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	border-radius: 0 10px 10px 0px;
	background-color: #418CFF;
}

.main {
	max-width: 1200px;
	margin: 0 auto;
}
.wrapper {
	padding: 0 20px;
	border-radius: 5px;
	background-color: #ffffff;
}
.container {
	margin-top: 30px;
	padding: 20px;
	border-radius: 5px;
	background-color: #ffffff;
}
.logo {
	width: 80px;
	height: 80px;
}
.content {
	margin-left: 20px;
}
.title {
	width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #eeeeee;
}
.marginBottom {
	margin-bottom: 20px;
}
.main .more {
	font-size: 14px;
	color: #999999;
}
.main .news-list {
	padding-bottom: 20px;
}
.main .news-item {
	padding: 20px;
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
}

.main .news-item a {
	color: #333333;
	text-decoration: none;
}

.main .news-item:hover {
	background-color: #f2f8fe;
}

.main .news-item:last-child {
	border: 0;
}
.main .news-item .news-img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
}
.main .news-item .news-content {
	padding: 20px;
}

.results {}
.results-condition {
	padding: 0 20px;
	border-radius: 5px;
	background-color: #ffffff;
}
.results-condition h3 {
	height: 70px;
	line-height: 70px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.results-condition .results-item {

}
.results-condition .results-item-left {
	min-width: 65px;
}
.results .single {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 10px;
  cursor: pointer;
}
.results .single:hover {
  color: #418CFF;
}

.results .active {
  color: #418CFF;
}
.results-list {
	margin-top: 20px;
	padding: 0 20px;
	border-radius: 5px;
	background-color: #ffffff;
}
.header {
	display: flex;
	align-items: center;
	width: 100%;
	height: 70px;
	padding-left: 250px;
	background-color: #ffffff;
}
.header-logo {
	width: 148px;
	height: 50px;
}

.content .left {
	width: 530px;
}